<template>
    <div id="app">
       <header>
           <ul>
           <router-link to='/'>
              <li><img src="../assets/imgs/29_03.png"></li>
            </router-link>
              <li></li>
              <li></li>
           </ul>
       </header>
       <section>
           <div class="section-image">
              <img src="../assets/imgs/29_06.png">
           </div>
           <div class="section-zhubei">
              <div class="section-zhubei-left">
                  <ul>
                     <li><img src="../assets/imgs/29_21.png"></li>
                     <li>选择您要查看的装修阶段</li>
                  </ul>
              </div>  
              <div class="section-zhubei-right">
                 <ul>
                    <li>准备</li>
                    <li><img src="../assets/imgs/29_29.png"></li>
                 </ul>
              </div>
           </div>
           <div class="section-inner">
              <ul>
                <li>7篇攻略</li>
                <li>
                  <img src="../assets/imgs/28_12.gif">
                  <span>Decoration Phase</span>
                  <img src="../assets/imgs/28_12.gif">
                </li>
              </ul>
           </div>
           <div class="section-image-text">
              <img src="../assets/imgs/29_08.png">
              <p>在装修时，大部分人会认为装修公司会比较有保<br>障。那么与公司合作时，一定要签订装修合同，同事要<br>对它十分清楚，明确对方的违约责任区，避免日...</p>
           </div>   
           <div class="section-image-text">
              <img src="../assets/imgs/29_08.png">
              <p>在装修时，大部分人会认为装修公司会比较有保<br>障。那么与公司合作时，一定要签订装修合同，同事要<br>对它十分清楚，明确对方的违约责任区，避免日...</p>
           </div>
            <div class="section-image-text">
              <img src="../assets/imgs/29_08.png">
              <p>在装修时，大部分人会认为装修公司会比较有保<br>障。那么与公司合作时，一定要签订装修合同，同事要<br>对它十分清楚，明确对方的违约责任区，避免日...</p>
           </div>
            <div class="section-image-text">
              <img src="../assets/imgs/29_08.png">
              <p>在装修时，大部分人会认为装修公司会比较有保<br>障。那么与公司合作时，一定要签订装修合同，同事要<br>对它十分清楚，明确对方的违约责任区，避免日...</p>
           </div>
            <div class="section-image-text">
              <img src="../assets/imgs/29_08.png">
              <p>在装修时，大部分人会认为装修公司会比较有保<br>障。那么与公司合作时，一定要签订装修合同，同事要<br>对它十分清楚，明确对方的违约责任区，避免日...</p>
           </div>
            <div class="section-image-text">
              <img src="../assets/imgs/29_08.png">
              <p>在装修时，大部分人会认为装修公司会比较有保<br>障。那么与公司合作时，一定要签订装修合同，同事要<br>对它十分清楚，明确对方的违约责任区，避免日...</p>
           </div>
            <div class="section-image-text">
              <img src="../assets/imgs/29_08.png">
              <p>在装修时，大部分人会认为装修公司会比较有保<br>障。那么与公司合作时，一定要签订装修合同，同事要<br>对它十分清楚，明确对方的违约责任区，避免日...</p>
           </div>
            <div class="section-image-text">
              <img src="../assets/imgs/29_08.png">
              <p>在装修时，大部分人会认为装修公司会比较有保<br>障。那么与公司合作时，一定要签订装修合同，同事要<br>对它十分清楚，明确对方的违约责任区，避免日...</p>
           </div>
       </section>
    </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import "../assets/less/main.less";
   @import "../assets/css/reset.css";
</style>
